<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浙江政务服务网-证照联办</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/zjzwfw-ht.css">
      <link rel="stylesheet" href="css/2-statistics.css">
    <script src="js/jquery.1.9.1.min.js"></script>
    <script src="js/zhgl.js"></script>

    <script src="js/echarts.min.js"></script>
</head>
<body style="background-color: white;">

	 <!-- 中部 begin -->
    <div>

        <div class="select_box">

            <select class='state_select' >
                <option>浙江省</option>
                <option>杭州市</option>
                <option>温州市</option>
                <option>绍兴市</option>
                <option>宁波市</option>
                <option>金华市</option>

            </select>
            <select class='state_select' >
                <option>所有部门</option>
                <option>省工商局</option>
                <option>省烟草局</option>
                <option>省食药局</option>

            </select>
            <select class='state_select' >
                <option>全部人员</option>
                <option>名字1</option>
                <option>名字2</option>
                <option>名字3</option>
                <option>名字4</option>

            </select>
            <select class='state_select' >
                <option>全部状态</option>
                <option>申报成功</option>
                <option>补正数</option>
                <option>外网申报</option>
                <option>大厅收件</option>
                <option>退件数</option>

            </select>


            <div  style="display: inline-block;">
                 <input type="date" style='height: 27px;width: 130px;border:#dddddd solid 1px;color: #666;margin-top: 7px' value="收件开始日期"/ >
                 <span style="color: #333; font-size: 16px;">-</span>
                 <input type="date" style='height: 27px;width: 130px;border:#dddddd solid 1px;color: #666;margin-top: 7px' value="收件结束日期"/>
            </div>
            <a class="search_buttom">搜索 </a>


        </div>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width:96%;height:400px; margin:30px auto"></div>
    </div>
	<!-- 中部 end -->

    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));


        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '浙江省各市级商事登记证照联办办理事项数统计图'
            },
            color: ['#1492ff'],
            tooltip: {},
            legend: {
                data:['办理事项数']
            },
            xAxis: {
                data: ["杭州","台州","金华","丽水","绍兴","舟山","台州","嘉兴","宁波","湖州","衢州"]
            },
            yAxis: {},
            series: [{
                name: '办理事项数',
                type: 'bar',
                data: [5, 36, 10, 10, 20, 20, 36, 10, 10, 20, 20]
            }]

        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>

</html>
